<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>户外徒步活动规划系统</title>
    <style>
        body{
            background-image: url("images/绿色背景.jpg");
        }
        .button {
            background-color: #058A1C;
            border: none;
            color: white;
            padding: 7px 14px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            border-radius: 12px;
        }
        .button1 {
            background: -moz-linear-gradient(top, #13BFB4 0%, #058A1C 100%);
            background: -webkit-linear-gradient(top, #13BFB4 0%, #058A1C 100%);
            background: linear-gradient(to bottom, #13BFB4 0%, #058A1C 100%);
        }
        .button1:hover {
            box-shadow: 0 3px 4px 0 rgba(0,0,0,0.24),0 4px 12px 0 rgba(0,0,0,0.19);
        }

    </style>
</head>
<body>
<div style="
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #F8F8F8;
padding: 30px 30px 20px 30px;
font: 12px Arial, Helvetica, sans-serif;
color: 	#57AA2C;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;">
<h1 id='户外徒步路线规划系统'><span>户外徒步活动规划系统</span></h1>
    <hr>
    <br>
<p><a href='/Login.html'><button class="button button1">总之先登录</button></a></p>
    <p><a href='/addMember.html'><button class="button button1">注册新成员</button></a></p>
</div>
</body>
</html>